<!--
 * @@file        join.html
 * @@brief       
 * @@version     V1.0
 * @@author      Jsir2022 (jsir2022@outlook.com)
 * @@date        2023-10-17 17:02:12
 * @LastEditors  Jsir2022
 * @LastEditTime 2023-10-23 00:58:16
 * history		版本	日期		作者		说明
 * 				V1.0	202x-x-x	Jsir2022	正式发布
 * Copyright (c) 2023 by Jsir2022, All Rights Reserved. 
 * @verbatim
 * ==============================================================================
 * 
 * ==============================================================================
 * @endverbatim
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>加入我们</title>
    <link rel="stylesheet" type="text/css" href="../css/universal.css" />
    <link
      rel="shirtcut icon"
      type="image/x-icon"
      href="../images/htmlLogo.png"
    />
    <style>
      .container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 15px;
        padding-top: 55px;
      }
      .head {
        flex: 1;
        margin-top: 40px;
        margin-left: 24px;
      }
      .section{
        margin: 20px;
        padding: 20px;
        background-color: #f1f1f1;
        border-radius: 5px;
      }
      .section h2 {
        color: #007bff;
        margin-left: 10px;
      }
      .section p:not(.connect) {
        margin-bottom: 10px;
        margin-left: 10px;
        font-size: 18px;
      }
      .connect {
        margin-bottom: 10px;
        margin-left: 10px;
        font-weight: bolder;
        font-size: 20px;
      }
      .container2 {
        border-radius: 20px;
        max-width: 600px;
        margin: 20px auto;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
      .container2 h1 {
        color: #333;
        font-size: 24px;
        margin-bottom: 20px;
      }
      .container2 p {
        color: #666;
        margin-bottom: 10px;
      }
      .form-group {
        margin-bottom: 20px;
      }
      label {
        display: block;
        color: #333;
        font-weight: bold;
        margin-bottom: 5px;
      }
      input[type="text"],
      input[type="email"] {
        width: 50%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
      }
      input[type="submit"] {
        background-color: #333;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
      }
      input[type="submit"]:hover {
        background-color: #555;
      }
      #NavTop:hover {
        height: 251px;
      }
    </style>
  </head>
  <body>
    <iframe
      src="navBlack.html"
      width="100%"
      height="69px"
      frameborder="0"
      scrolling="no"
      id="NavTop"
      style="position: fixed; top: 0; z-index: 999"
    ></iframe>
    <div class="container">
      <h1 class="head">加入我们</h1>

      <div class="section" id="AutoMuni">
        <h2>通信基地——全称“大学生通信技术创新实践基地”</h2>
        <p>
          &emsp;&emsp;
          通信基地是一个面向全校高升本招生的创新基地，旨在招收学有余力的学生并开展信息技术技能的培训、科技创新创业、组织和指导学校学生参加以通信电子信息类为主的重大学科竞赛，组织相关科技创新实践活动，提高学生的创新精神和实践能力，为培养创新型人才提供支持和保障。
        </p>
        <p class="connect" id="SmartCar">
          大一新生申请加QQ群347666033咨询学长学姐；大二大三同学凭省级二等奖及以上申请加入基地，联系黄鹏老师QQ284252814。
        </p>
      </div>
      <div class="section">
        <h2>全校智能车训练馆——桂信科“智能车人才孵化中心”</h2>
        <p>
          &emsp;&emsp;
          这是基地第一次破例从大一新生中直接选出来参加比赛，相当于学长老带新，机会难得。对智能车室外赛感兴趣的同学，请加群277608523，打算在十月之前筛选出三到五名同学组队参赛，不限专业，有基础的同学优势更大，驾照可以加分。一流竞赛，今年12月初比完，奖状得到很多公司的认可，是以后找工作、考研复试的加分项。
        </p>
        <p class="connect">
          室内组联系韦尚良QQ2628467013；室外组联系张业浩QQ1171690935。
        </p>
      </div>

      <div class="container2">
        <h1>加入我们的团队（测试用）</h1>
        <p>
          我们热衷于技术创新和产品开发。如果你对技术充满激情，喜欢挑战，欢迎加入我们！
        </p>

        <form>
          <div class="form-group">
            <label for="name">姓名</label>
            <input type="text" id="name" name="name" required />
          </div>
          <div class="form-group">
            <label for="email">邮箱</label>
            <input type="email" id="email" name="email" required />
          </div>
          <div class="form-group">
            <label for="message">留言</label>
            <textarea id="message" name="message" rows="4"></textarea>
          </div>
          <input type="submit" value="提交申请" />
        </form>
      </div>
    </div>

    <iframe
      src="footer.html"
      width="100%"
      height="130px"
      frameborder="0"
      scrolling="no"
    ></iframe>
  </body>
</html>
